
<!-- 
1
# Revision     $Revision$
# Last Revised $Date$
# Author       $Author: darkporn@gmail.com $
# File         $HeadURL: http://molorock.googlecode.com/svn/trunk/index.html $

2
# Revision     $LastChangedRevision$
# Last Revised $LastChangedDate$
# Author       $LastChangedBy: darkporn@gmail.com $
# File         $HeadURL: http://molorock.googlecode.com/svn/trunk/index.html $
 -->


<!DOCTYPE html>
<!--[if IE 8]> <html lang="es" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="es" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="es"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title>Molo | Inicio</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="Molo" name="description" />
    <meta content="Molo" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/reset.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/style-metro.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet" />               
    <link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/bxslider/jquery.bxslider.css" rel="stylesheet" />          
    <link rel="stylesheet" href="assets/plugins/revolution_slider/css/rs-style.css" media="screen">
    <link rel="stylesheet" href="assets/plugins/revolution_slider/rs-plugin/css/settings.css" media="screen">                
    <link href="assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <link href="assets/css/themes/orange.css" rel="stylesheet" type="text/css" id="style_color"/>    
    <link rel="shortcut icon" href="favicon.ico" />
</head>
<!-- END HEAD -->

<!-- BEGIN BODY -->
<body>

    <!-- BEGIN TOP BAR -->
    <div class="front-topbar">
        <div class="container">
            <div class="row-fluid">
                <div class="span6">
                    <ul class="unstyled inline">
                        <li><i class="icon-phone topbar-info-icon top-2"></i>LLamanos: <span>(9) 555 4321</span></li>
                        <li class="sep"><span>|</span></li>
                        <li><i class="icon-envelope-alt topbar-info-icon top-2"></i>Email: <span>info@molorock.com</span></li>
                    </ul>
                </div>
                <div class="span6 topbar-social">
                    <ul class="unstyled inline">
                        <li><a href="http://www.facebook.com/molobanda" target="_blank"><i class="icon-facebook"></i></a></li>
                        <li><a href="http://www.youtube.com/molorockchile" target="_blank"><i class="icon-youtube"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>        
    </div>
    <!-- END TOP BAR -->

    <!-- BEGIN HEADER -->
    <div class="front-header">
        <div class="container">
            <div class="navbar">
                <div class="navbar-inner">
				
                    <!-- BEGIN LOGO (you can use logo image instead of text)-->
                    <a class="brand logo-v1" href="index.html"> 
                        <img src="imagenes/molo_logoweb.png" id="logoimg" alt="" style="width: 80px; ">
                    </a>
                    <!-- END LOGO -->

                    <!-- BEGIN RESPONSIVE MENU TOGGLER -->
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <!-- END RESPONSIVE MENU TOGGLER -->

                    <!-- BEGIN TOP NAVIGATION MENU -->
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li><a href="#">Inicio</a></li>
                            <li><a href="#">Biograf&iacute;a</a></li>
                            <li><a href="#">Discos</a></li>
                            <li><a href="#">Multimedia</a></li>
                            <li><a href="#">Noticias</a></li>
                            <li><a href="#">Contacto</a></li>
                        </ul>
                    </div>
                    <!-- BEGIN TOP NAVIGATION MENU -->
                </div>
            </div>
        </div>                   
    </div>
    <!-- END HEADER -->

    <!-- BEGIN REVOLUTION SLIDER -->    
    <div class="fullwidthbanner-container slider-main margin-bottom-10">
        <div class="fullwidthabnner">
            <ul id="revolutionul" style="display:none;">            
                    <!-- THE FIRST SLIDE -->
                    <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400" data-thumb="assets/img/sliders/revolution/thumbs/thumb2.jpg">
                        <!-- THE MAIN IMAGE IN THE FIRST SLIDE -->
                        <img src="assets/img/sliders/revolution/bg1.jpg" alt="">
                        <div class="caption lfl slide_item_left" 
                             data-x="20" 
                             data-y="15" 
                             data-speed="400" 
                             data-start="1500" 
                             data-easing="easeOutBack">
                             <iframe width="560" height="295" src="//www.youtube.com/embed/-QluwFgDMkI?rel=0" frameborder="0" allowfullscreen></iframe>
                        </div>                     
                        <div class="caption lfb"
                             data-x="640" 
                             data-y="55" 
                             data-speed="700" 
                             data-start="1000" 
                             data-easing="easeOutExpo"  >
                             <img src="imagenes/molo_logoweb.png" alt="Image 1">
                        </div>
                    </li>

                    <!-- THE SECOND SLIDE -->
                    <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-delay="9400" data-thumb="assets/img/sliders/revolution/thumbs/thumb2.jpg">                        
                        <img src="assets/img/sliders/revolution/bg2.jpg" alt="">
                        <div class="caption lfr slide_title"
                             data-x="470"
                             data-y="120"
                             data-speed="400"
                             data-start="2000"
                             data-easing="easeOutExpo">
                             <img src="imagenes/molo_logoweb.png" alt="Image 1">
                        </div> 
                    </li> 
            </ul>
            <div class="tp-bannertimer tp-bottom"></div>
        </div>
    </div>
    <!-- END REVOLUTION SLIDER -->
	
    <!-- BEGIN CONTAINER -->   
    <div class="container">
        <!-- BEGIN SERVICE BOX  
        <div class="row-fluid service-box">
            <div class="span4">
                <div class="service-box-heading">
                    <em><i class="icon-location-arrow blue"></i></em>
                    <span>Multipurpose Template</span>
                </div>
                <p>Lorem ipsum dolor sit amet, dolore eiusmod quis tempor incididunt ut et dolore Ut veniam unde nostrudlaboris. Sed unde omnis iste natus error sit voluptatem.</p>
            </div>
            <div class="span4">
                <div class="service-box-heading">
                    <em><i class="icon-ok red"></i></em>
                    <span>Well Documented</span>
                </div>
                <p>Lorem ipsum dolor sit amet, dolore eiusmod quis tempor incididunt ut et dolore Ut veniam unde nostrudlaboris. Sed unde omnis iste natus error sit voluptatem.</p>
            </div>
            <div class="span4">
                <div class="service-box-heading">
                    <em><i class="icon-resize-small green"></i></em>
                    <span>Responsive Design</span>
                </div>
                <p>Lorem ipsum dolor sit amet, dolore eiusmod quis tempor incididunt ut et dolore Ut veniam unde nostrudlaboris. Sed unde omnis iste natus error sit voluptatem.</p>
            </div>
        </div>
         END SERVICE BOX -->  

        <!-- BEGIN BLOCKQUOTE BLOCK -->   
        <div class="row-fluid quote-v1">
            <div class="span9 quote-v1-inner">
                <span>Molo - a Uruguay!! ahora despues que la ....</span>
            </div>
            <div class="span3 quote-v1-inner text-right">
                <a class="btn-transparent" href="#" target="_blank"><i class="icon-rocket margin-right-10"></i>Ahora </a>
                <!--<a class="btn-transparent" href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469"><i class="icon-gift margin-right-10"></i>Purchase 2 in 1</a>-->
            </div>
        </div>
        <!-- END BLOCKQUOTE BLOCK -->

            <div class="span5 blog-sidebar">	
                <!-- BEGIN RECENT NEWS -->  	
                <h2>Molo</h2>
            <div class="span12 blog-sidebar">	
                <!-- BEGIN RECENT NEWS -->  
                <div class="recent-news margin-bottom-10">
                    <div class="row-fluid margin-bottom-10">
                        <div class="span3">
                            <img src="imagenes/guitarra.jpg" alt="">                        
                        </div>
                        <div class="span9 recent-news-inner">
                            <h3><a href="#">Texto simulado</a></h3>
                            <p>Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado.</p>
                            <p>Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado.</p>
                            <p>Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado.</p>
                            <p>Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado.</p>
                        </div>                        
                    </div>
                    <div class="row-fluid margin-bottom-10">
                        <div class="span3">
                            <img src="imagenes/bateria.jpg" alt="">                          
                        </div>
                        <div class="span9 recent-news-inner">
                            <h3><a href="#">Texto simulado</a></h3>
                            <p>Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado.</p>
                            <p>Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado.</p>
                        </div>                        
                    </div>
                    <div class="row-fluid margin-bottom-10">
                        <div class="span3">
                            <img src="imagenes/bajo.jpg" alt="">                      
                        </div>
                        <div class="span9 recent-news-inner">
                            <h3><a href="#">Texto simulado</a></h3>
                            <p>Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado.</p>
                            <p>Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado.</p>
                            <p>Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado.</p>
                            <p>Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado.</p>
                            <p>Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado Texto simulado.</p>
                        </div>                        
                    </div>
                </div>
                <!-- END RECENT NEWS --> 
			</div>
		</div>
       
        <div class="clearfix"></div>

        <!-- BEGIN RECENT WORKS -->
        <div class="row-fluid recent-work margin-bottom-40">
            <div class="span3">
                <h2><a href="portfolio.html">Noticias</a></h2>
                <p>Lorem ipsum dolor sit amet, dolore eiusmod quis tempor incididunt ut et dolore Ut veniam unde voluptatem. Sed unde omnis iste natus error sit voluptatem.</p>
            </div>
            <div class="span9">
                <ul class="bxslider">
                    <li>
                        <em>
                            <img src="imagenes/bajo.jpg" alt=""> 
                            <a href="javascript: return false;" ><i class="icon-link icon-hover icon-hover-1"></i></a>
                            <a href="imagenes/bajo.jpg" class="fancybox-button" title="Bajo" data-rel="fancybox-button"><i class="icon-search icon-hover icon-hover-2"></i></a>
                        </em>
                        <a class="bxslider-block" href="#">
                            <strong>Bajo</strong>
                            <b>Bajista.</b>
                        </a>
                    </li>
                    <li>
                        <em>
                            <img src="imagenes/bateria2.jpg" alt=""> 
                            <a href="javascript: return false;" ><i class="icon-link icon-hover icon-hover-1"></i></a>
                            <a href="imagenes/bateria2.jpg" class="fancybox-button" title="Bajo" data-rel="fancybox-button"><i class="icon-search icon-hover icon-hover-2"></i></a>
                        </em>
                        <a class="bxslider-block" href="#">
                            <strong>bateria</strong>
                            <b>batero.</b>
                        </a>
                    </li>
                    <li>
                        <em>
                            <img src="imagenes/guitarra.jpg" alt=""> 
                            <a href="javascript: return false;" ><i class="icon-link icon-hover icon-hover-1"></i></a>
                            <a href="imagenes/guitarra.jpg" class="fancybox-button" title="Bajo" data-rel="fancybox-button"><i class="icon-search icon-hover icon-hover-2"></i></a>
                        </em>
                        <a class="bxslider-block" href="#">
                            <strong>Guitarra</strong>
                            <b>guitarrista.</b>
                        </a>
                    </li>
                    <li>
                        <em>
                            <img src="imagenes/bateria2.jpg" alt=""> 
                            <a href="javascript: return false;" ><i class="icon-link icon-hover icon-hover-1"></i></a>
                            <a href="imagenes/bateria2.jpg" class="fancybox-button" title="Bajo" data-rel="fancybox-button"><i class="icon-search icon-hover icon-hover-2"></i></a>
                        </em>
                        <a class="bxslider-block" href="#">
                            <strong>bateria</strong>
                            <b>batero.</b>
                        </a>
                    </li>
                    <li>
                        <em>
                            <img src="imagenes/bajo.jpg" alt=""> 
                            <a href="javascript: return false;" ><i class="icon-link icon-hover icon-hover-1"></i></a>
                            <a href="imagenes/bajo.jpg" class="fancybox-button" title="Bajo" data-rel="fancybox-button"><i class="icon-search icon-hover icon-hover-2"></i></a>
                        </em>
                        <a class="bxslider-block" href="#">
                            <strong>Bajo</strong>
                            <b>Bajista.</b>
                        </a>
                    </li>
                    <li>
                        <em>
                            <img src="imagenes/guitarra.jpg" alt=""> 
                            <a href="javascript: return false;" ><i class="icon-link icon-hover icon-hover-1"></i></a>
                            <a href="imagenes/guitarra.jpg" class="fancybox-button" title="Bajo" data-rel="fancybox-button"><i class="icon-search icon-hover icon-hover-2"></i></a>
                        </em>
                        <a class="bxslider-block" href="#">
                            <strong>Guitarra</strong>
                            <b>guitarrista.</b>
                        </a>
                    </li>
                    <li>
                        <em>
                            <img src="imagenes/bajo.jpg" alt=""> 
                            <a href="javascript: return false;" ><i class="icon-link icon-hover icon-hover-1"></i></a>
                            <a href="imagenes/bajo.jpg" class="fancybox-button" title="Bajo" data-rel="fancybox-button"><i class="icon-search icon-hover icon-hover-2"></i></a>
                        </em>
                        <a class="bxslider-block" href="#">
                            <strong>Bajo</strong>
                            <b>Bajista.</b>
                        </a>
                    </li>
                    <li>
                        <em>
                            <img src="imagenes/bajo.jpg" alt=""> 
                            <a href="javascript: return false;" ><i class="icon-link icon-hover icon-hover-1"></i></a>
                            <a href="imagenes/bajo.jpg" class="fancybox-button" title="Bajo" data-rel="fancybox-button"><i class="icon-search icon-hover icon-hover-2"></i></a>
                        </em>
                        <a class="bxslider-block" href="#">
                            <strong>Bajo</strong>
                            <b>Bajista.</b>
                        </a>
                    </li>
                    <li>
                        <em>
                            <img src="imagenes/guitarra.jpg" alt=""> 
                            <a href="javascript: return false;" ><i class="icon-link icon-hover icon-hover-1"></i></a>
                            <a href="imagenes/guitarra.jpg" class="fancybox-button" title="Bajo" data-rel="fancybox-button"><i class="icon-search icon-hover icon-hover-2"></i></a>
                        </em>
                        <a class="bxslider-block" href="#">
                            <strong>Guitarra</strong>
                            <b>guitarrista.</b>
                        </a>
                    </li>
                    <li>
                        <em>
                            <img src="imagenes/bateria2.jpg" alt=""> 
                            <a href="javascript: return false;" ><i class="icon-link icon-hover icon-hover-1"></i></a>
                            <a href="imagenes/bateria2.jpg" class="fancybox-button" title="Bajo" data-rel="fancybox-button"><i class="icon-search icon-hover icon-hover-2"></i></a>
                        </em>
                        <a class="bxslider-block" href="#">
                            <strong>bateria</strong>
                            <b>batero.</b>
                        </a>
                    </li>
                </ul>        
            </div>
        </div>   
        <!-- END RECENT WORKS -->

        <div class="clearfix"></div>

        <!-- BEGIN TABS AND TESTIMONIALS -->
            <!-- TABS 
        <div class="row-fluid mix-block">
            <div class="span7 tab-style-1 margin-bottom-20">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#tab-1" data-toggle="tab">Multipurpose</a></li>
                    <li><a href="#tab-2" data-toggle="tab">Documented</a></li>
                    <li><a href="#tab-3" data-toggle="tab">Responsive</a></li>
                    <li><a href="#tab-4" data-toggle="tab">Clean & Fresh</a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane row-fluid fade in active" id="tab-1">
                        <div class="span3">
                            <a href="assets/img/photos/img7.jpg" class="fancybox-button" title="Image Title" data-rel="fancybox-button">
                                <img class="img-circle" src="assets/img/photos/img7.jpg" alt="" />
                            </a>
                        </div>
                        <div class="span9">
                            <p class="margin-bottom-10">Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Cosby sweater eu banh mi, qui irure terry richardson ex squid Aliquip placeat salvia cillum iphone.</p>
                            <p><a class="more" href="#">Read more <i class="icon-angle-right"></i></a></p>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="tab-2">
                        <div class="span9">
                            <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia..</p>
                        </div>
                        <div class="span3">
                            <a href="assets/img/photos/img10.jpg" class="fancybox-button" title="Image Title" data-rel="fancybox-button">
                                <img class="img-circle" src="assets/img/photos/img10.jpg" alt="" />
                            </a>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="tab-3">
                        <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p>
                    </div>
                    <div class="tab-pane fade" id="tab-4">
                        <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.</p>
                    </div>
                </div>
            </div>
            < !-- END TABS -- >
    
            < !-- TESTIMONIALS -- >
            <div class="span5 testimonials-v1">
                <div id="myCarousel" class="carousel slide">
                    < !-- Carousel items -- >
                    <div class="carousel-inner">
                        <div class="active item">
                            <span class="testimonials-slide">Denim you probably haven't heard of. Lorem ipsum dolor met consectetur adipisicing sit amet, consectetur adipisicing elit, of them jean shorts sed magna aliqua. Lorem ipsum dolor met consectetur adipisicing sit amet do eiusmod dolore.</span>
                            <div class="carousel-info">
                                <img class="pull-left" src="assets/img/people/img1-small.jpg" alt="" />
                                <div class="pull-left">
                                    <span class="testimonials-name">Lina Mars</span>
                                    <span class="testimonials-post">Commercial Director</span>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <span class="testimonials-slide">Raw denim you Mustache cliche tempor, williamsburg carles vegan helvetica probably haven't heard of them jean shorts austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica.</span>
                            <div class="carousel-info">
                                <img class="pull-left" src="assets/img/people/img5-small.jpg" alt="" />
                                <div class="pull-left">
                                    <span class="testimonials-name">Kate Ford</span>
                                    <span class="testimonials-post">Commercial Director</span>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <span class="testimonials-slide">Reprehenderit butcher stache cliche tempor, williamsburg carles vegan helvetica.retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid Aliquip placeat salvia cillum iphone.</span>
                            <div class="carousel-info">
                                <img class="pull-left" src="assets/img/people/img2-small.jpg" alt="" />
                                <div class="pull-left">
                                    <span class="testimonials-name">Jake Witson</span>
                                    <span class="testimonials-post">Commercial Director</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    < !-- Carousel nav -- >
                    <a class="left-btn" href="#myCarousel" data-slide="prev"></a>
                    <a class="right-btn" href="#myCarousel" data-slide="next"></a>
                </div>
            </div>
            < !-- END TESTIMONIALS -- >
        </div>                
        < !-- END TABS AND TESTIMONIALS -->

        <!-- BEGIN STEPS -- >
        <div class="row-fluid no-space-steps margin-bottom-40">
            <div class="span4 front-steps front-step-one">
                <h2>Goal definition</h2>
                <p>Lorem ipsum dolor sit amet sit consectetur adipisicing eiusmod tempor.</p>
            </div>
            <div class="span4 front-steps front-step-two">
                <h2>Analyse</h2>
                <p>Lorem ipsum dolor sit amet sit consectetur adipisicing eiusmod tempor.</p>
            </div>
            <div class="span4 front-steps front-step-three">
                <h2>Implementation</h2>
                <p>Lorem ipsum dolor sit amet sit consectetur adipisicing eiusmod tempor.</p>
            </div>
        </div>
        < !-- END STEPS -->

        <!-- BEGIN CLIENTS -- >
        <div class="row-fluid margin-bottom-40">
            <div class="span3">
                <h2><a href="#">Our Clients</a></h2>
                <p>Lorem dipsum folor margade sitede lametep eiusmod psumquis dolore.</p>
            </div>
            <div class="span9">
                <ul class="bxslider1 clients-list">
                    <li>
                        <a href="#">
                            <img src="assets/img/clients/client_1_gray.png" alt="" /> 
                            <img src="assets/img/clients/client_1.png" class="color-img" alt="" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="assets/img/clients/client_2_gray.png" alt="" /> 
                            <img src="assets/img/clients/client_2.png" class="color-img" alt="" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="assets/img/clients/client_3_gray.png" alt="" /> 
                            <img src="assets/img/clients/client_3.png" class="color-img" alt="" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="assets/img/clients/client_4_gray.png" alt="" /> 
                            <img src="assets/img/clients/client_4.png" class="color-img" alt="" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="assets/img/clients/client_5_gray.png" alt="" /> 
                            <img src="assets/img/clients/client_5.png" class="color-img" alt="" />
                        </a>
                    </li>
                    <li>
                        <a href="#">                        
                            <img src="assets/img/clients/client_6_gray.png" alt="" /> 
                            <img src="assets/img/clients/client_6.png" class="color-img" alt="" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="assets/img/clients/client_7_gray.png" alt="" /> 
                            <img src="assets/img/clients/client_7.png" class="color-img" alt="" />
                        </a>
                    </li>
                    <li>
                        <a href="#">                        
                            <img src="assets/img/clients/client_8_gray.png" alt="" /> 
                            <img src="assets/img/clients/client_8.png" class="color-img" alt="" />
                        </a>
                    </li>
                </ul>                        
            </div>
        </div>
        < !-- END CLIENTS -->
    </div>
    <!-- END CONTAINER -->

    <!-- BEGIN FOOTER -->
    <div class="front-footer">
        <div class="container">
            <div class="row-fluid">
                <div class="span4 space-mobile">
                    <!-- BEGIN ABOUT -->                    
                    <h2>Molo!</h2>
                    <p class="margin-bottom-30">Vivamus imperdiet felis consectetur onec eget orci adipiscing nunc. Pellentesque fermentum, ante ac interdum ullamcorper.</p>
                    <div class="clearfix"></div>                    
                    <!-- END ABOUT -->      
                    <!-- BEGIN CONTACTS -->                                    
                    <h2>Contacto</h2>
                    <address class="margin-bottom-40">
                        Molo Rock. <br />
                        texto simulado 458 <br />
                        Valparaiso, Chile <br />
                        P: (234) 145-1850 <br />
                        Email: <a href="mailto:info@molorock.com">info@molorock.com</a>                        
                    </address>
                    <!-- END CONTACTS -->                                    

                    <!-- BEGIN SUBSCRIBE -->                                    
                    <h2>Subscribete!</h2>  
                    <p>lorem ipsum dolor sit adem!</p>
                    <form action="#" class="form-search">
                        <div class="input-append">
                            <input style="background:#fff;" class="m-wrap" type="text"><button class="btn theme-btn" type="button">SUBSCRIBE</button>
                        </div>
                    </form>
                    <!-- END SUBSCRIBE -->                                    
                </div>
                <div class="span4">
                    <!-- BEGIN FACEBOOK BLOCK -->                                                    
                    <h2>Facebook</h2>
                    <dl class="dl-horizontal f-twitter">
                        <dt><i class="icon-facebook"></i></dt>
                        <dd>
                            <a href="#">Molo</a>
                            Imperdiet condimentum diam dolor lorem sit consectetur adipiscing
                            <span>3 min ago</span>
                        </dd>
                    </dl>                    
                    <dl class="dl-horizontal f-twitter">
                        <dt><i class="icon-facebook"></i></dt>
                        <dd>
                            <a href="#">Molo</a>
                            Sequat ipsum dolor onec eget orci fermentum condimentum lorem sit consectetur adipiscing
                            <span>8 min ago</span>
                        </dd>
                    </dl>                    
                    <dl class="dl-horizontal f-twitter">
                        <dt><i class="icon-facebook"></i></dt>
                        <dd>
                            <a href="#">Molo</a>
                            Remonde sequat ipsum dolor lorem sit consectetur adipiscing
                            <span>12 min ago</span>
                        </dd>
                    </dl>                    
                    <dl class="dl-horizontal f-twitter">
                        <dt><i class="icon-facebook"></i></dt>
                        <dd>
                            <a href="#">Molo</a>
                            Pilsum dolor lorem sit consectetur adipiscing orem sequat
                            <span>16 min ago</span>
                        </dd>
                    </dl>                    
                    <!-- END FACEBOOK BLOCK -->                                                                        
                </div>
                <div class="span4">
                    <!-- BEGIN TWITTER BLOCK -->                                                    
                    <h2>Tuits</h2>
                    <dl class="dl-horizontal f-twitter">
                        <dt><i class="icon-twitter"></i></dt>
                        <dd>
                            <a href="#">Molo</a>
                            Imperdiet condimentum diam dolor lorem sit consectetur adipiscing
                            <span>3 min ago</span>
                        </dd>
                    </dl>                    
                    <dl class="dl-horizontal f-twitter">
                        <dt><i class="icon-twitter"></i></dt>
                        <dd>
                            <a href="#">Molo</a>
                            Sequat ipsum dolor onec eget orci fermentum condimentum lorem sit consectetur adipiscing
                            <span>8 min ago</span>
                        </dd>
                    </dl>                    
                    <dl class="dl-horizontal f-twitter">
                        <dt><i class="icon-twitter"></i></dt>
                        <dd>
                            <a href="#">Molo</a>
                            Remonde sequat ipsum dolor lorem sit consectetur adipiscing
                            <span>12 min ago</span>
                        </dd>
                    </dl>                    
                    <dl class="dl-horizontal f-twitter">
                        <dt><i class="icon-twitter"></i></dt>
                        <dd>
                            <a href="#">Molo</a>
                            Pilsum dolor lorem sit consectetur adipiscing orem sequat
                            <span>16 min ago</span>
                        </dd>
                    </dl>          
                    <!-- END TWITTER BLOCK -->                                                                        
                </div>
            </div>
        </div>
    </div>
    <!-- END FOOTER -->

    <!-- BEGIN COPYRIGHT -->
    <div class="front-copyright">
        <div class="container">
            <div class="row-fluid">
                <div class="span8">
                    <p>
                        <span class="margin-right-10">2013 © Molo rock.</span>  
                    </p>
                </div>
				<!--
                <div class="span4">
                    <ul class="social-footer">
                        <li><a href="#"><i class="icon-facebook"></i></a></li>
                        <li><a href="#"><i class="icon-google-plus"></i></a></li>
                        <li><a href="#"><i class="icon-dribbble"></i></a></li>
                        <li><a href="#"><i class="icon-linkedin"></i></a></li>
                        <li><a href="#"><i class="icon-twitter"></i></a></li>
                        <li><a href="#"><i class="icon-skype"></i></a></li>
                        <li><a href="#"><i class="icon-github"></i></a></li>
                        <li><a href="#"><i class="icon-youtube"></i></a></li>
                        <li><a href="#"><i class="icon-dropbox"></i></a></li>
                    </ul>                
                </div>
				-->
            </div>
        </div>
    </div>
    <!-- END COPYRIGHT -->

    <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
    <!-- BEGIN CORE PLUGINS -->
    <script src="assets/plugins/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script src="assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
    <script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="assets/plugins/back-to-top.js"></script>    
    <script type="text/javascript" src="assets/plugins/bxslider/jquery.bxslider.js"></script>
    <script type="text/javascript" src="assets/plugins/fancybox/source/jquery.fancybox.pack.js"></script>    
    <script type="text/javascript" src="assets/plugins/hover-dropdown.js"></script>
    <script type="text/javascript" src="assets/plugins/revolution_slider/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
    <script type="text/javascript" src="assets/plugins/revolution_slider/rs-plugin/js/jquery.themepunch.revolution.min.js"></script> 
    <!--[if lt IE 9]>
    <script src="assets/plugins/respond.min.js"></script>  
    <![endif]-->   
    <!-- END CORE PLUGINS -->   
    <script src="assets/scripts/app.js"></script>         
    <script src="assets/scripts/index.js"></script>    
    <script type="text/javascript">
        jQuery(document).ready(function() {
            App.init();    
            App.initBxSlider();
            Index.initRevolutionSlider();                    
        });
    </script>
    <!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>